import React from 'react'
import { Card } from 'antd'
import View from '@/components/View'
// import At from 'react-at'
import At from '@/components/At'

// const members = ['Apple', 'Book', 'Cat', 'Dog', 'Egg']
const members = ['李白', '李商隐', '张若虚', '杜甫', '巴金']

const AtDemo = () => {
  const style={
    color:'#666',
    fontSize:'25px',
    borderRadius: '5px',
    border:'1px #ccc solid',
}

  return (
    <View className="app-at">
      <Card title="圈圈 at">
        <At members={members}>
          <div style={style} contentEditable />
        </At>
      </Card>
    </View>
  )
}

export default AtDemo
